/**淡入淡出动画*/

/* 右侧淡入进入 */
@keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  /* 淡出离开 */
@keyframes fadeLeave{
  from{
    opacity: 1;
    transform: scaleY(100%);
    -webkit-transform:scaleY(100%);
  }
  to{
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform:scaleY(0);
  }
}

@keyframes baseFade {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}